<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>我的购物车</title>
	<link type="text/css" rel="stylesheet" href="style/reset.css">
	<link type="text/css" rel="stylesheet" href="style/main.css">
	<link type="text/css" rel="stylesheet" href="style/main2.css">
	<link type="text/css" rel="stylesheet" href="style/shopping.css">
</head>
<body style="background: #fff;">
	<div class="focus">
</div>
	<div class="topBar">
			<div class="comWidth">
	            <div class="leftArea">
				    <div class="account fl" id="account">
	                    <a href="#"><span class="sign-success"></span></a>
	                        <div class="mune" id="account_mune">
	                            <div class="shangmian">
	                                <div class="leftArea">
	                                <a href="#"><img src="images/logo/taxyh-3.jpg" alt=""></a>
	                                </div>
	                                <div class="account_mang rightArea">
	                                    <div class="fr qingfu"><a class="manage">账号管理</a><a class="exit">退出</a></div>
	                                    <div class="fl qingfu"><a href="#"><img src="images/icon/huiyuan4.jpg"></a></div>
	                                     <div class="fl qingfu"> <a href="#">我可尊享15项特权</a></div>
	                                </div>
	                            </div>
	                            <div class="h_1 qingfu"></div>
	                            <div class="xiamian qingfu">
	                            <a href="#"><div class="tqtime">我当前享受2天节日特权</div></a>
	                            </div>
	                        </div>
	                </div>
				</div>
				<div class="phone fl"><a href="https://www.pgyer.com/taoaixin" id="phone">手机淘爱心</a></div>
				<div class="rightArea">
					<a href="#"><span class="fl F_tax" style="color:red";>淘爱心首页</span></a>

	                <div class="wdtax fl" id="wdtax">
	                    <a href="#">我的淘爱心</a>
	                    <ul class="mune" id="wdtax_mune">
	                        <li><a href="#">已淘到的爱心</a></li>
	                        <li><a href="#">我的足迹</a></li>
	                        <li><a href="#">爱公益</a></li>
	                        <li><a href="#">新欢</a></li>
	                    </ul>
	                </div>
					<a href="#" class="fl">我的消息</a>
	                <div class="myshop fl">
						<span class="shopping-icon">&#xe60f;</span>
	                	<a href="#">购物车</a></div>
	                <div class="favorites fl" id="favorites">
	                	<span class="icon-fav">&#xe610;</span>
	                    <a href="favorite.html">收藏夹</a>
	                    <ul class="mune" id="favorites_mune">
	                        <li><a href="#">收藏的宝贝</a></li>
	                        <li><a href="#">收藏的店铺</a></li>
	                    </ul>
	                </div>
	                <div class="seller fl" id="seller">
	                    <a href="sellerCenter.html">卖家中心</a>
	                    <ul class="mune" id="seller_mune">
	                        <li><a href="sellerCenter.html">免费开店</a></li>
	                        <li><a href="#">已卖出的宝贝</a></li>
	                        <li><a href="#">出售中宝贝</a></li>
	                        <li><a href="#">卖家资质</a></li>
	                    </ul>
	                </div>
	                <div class="service fl" id="service">
	                    <a href="#">联系客服</a>
	                    <ul class="mune" id="service_mune">
	                        <li><a href="#">收藏的宝贝</a></li>
	                        <li><a href="#">收藏的店铺</a></li>
	                    </ul>
	                </div>
				</div>
			</div>
	</div>

<div class="midBar clearfix">
	<div class="fav-tab shop-tab clearfix">
		<div class="fav-tab-menu fl">
				<a href="#"><img src="images/shopping/shopping2.jpg" /></a>
		</div>

		<div class="tab-search fr">
			<input type="text" class="tab-search-text fl">
			<input type="button" value="搜  索" class="tab-search-btn fr">
		</div>
	</div>
</div>

<div class="cart-layout clearfix">
	<div class="cart-top clearfix">
		<ul class="switch-cart">
			<li><a href="#">全部商品</a><span class="number">15</span><span class="pipe"></span></li>
			<li><a href="#">降价商品</a><span class="number">5</span><span class="pipe"></span></li>
			<li><a href="#">库存紧张</a><span class="number">5</span><span class="pipe"></span></li>
		</ul>
		<a href="#" class="submit-btn fr">结算</a>
		<div class="cart-sum fr">¥<span class="priceTotal">0.00</span></div>
		<div class="cart-selected fr">
			已选商品（不含运费）
		</div>
	</div>
	<div class="shopTop">
		<div class="th item0">
			<div class="cart"> <!--&nbsp;空格占位符-->
				<label><input class="check-all check" type="checkbox">&nbsp;全选</input></label>
			</div>
		</div>
		<div class="th item1">商品信息</div>
		<div class="th item2">&nbsp;</div>
		<div class="th item3">单价（元）</div>
		<div class="th item4">数量</div>
		<div class="th item5">金额（元）</div>
		<div class="th item6">操作</div>
	</div>

	<div class="shopBar clearfix">

		<div class="J_Order ">
			<div class="cart-checkbox">
			&nbsp;
				<input class="check-shop check" type="checkbox"></input>&nbsp;店铺：
				<a href="#">Apple</a>
			</div>
			<div class="shop-content clearfix">
				<input class="checkboxshop check" type="checkbox"></input>
				<div class="td ">
					<a href="#" class="productPic"><img src="images/details/taxxq-2.jpg"></a>
				</div>
				<div class="td cart-shopInfo">
					<p class="cart-link"><a href="#">全网底价 Apple 苹果 iPad mini 16G wifi版 平板电脑 前白后银 MD531CH/A 银白两色生 产批次不同混合发货</a></p>
				</div>
				<div class="td td-props">类型：</div>
				<div class="td td-price">1450.00</div>
				<div class="td td-amount">
					<span class="prereduce"></span>
					<input class="text" type="text" value="1"></input>
					<span class="add">+</span>
				</div>
				<div class="td td-total">1450.00</div>
				<div class="td td-op">
					<a href="#">移出收藏夹</a>
					<a href="#" class="delete">删除</a>
				</div>
			</div>

			<div class="shop-content clearfix">
				<input class="checkboxshop check" type="checkbox"></input>
				<div class="td ">
					<a href="#" class="productPic"><img src="images/details/taxxq-2.jpg"></a>
				</div>
				<div class="td cart-shopInfo">
					<p class="cart-link"><a href="#">全网底价 Apple 苹果 iPad mini 16G wifi版 平板电脑 前白后银 MD531CH/A 银白两色生 产批次不同混合发货</a></p>
				</div>
				<div class="td td-props">类型：</div>
				<div class="td td-price">1450.00</div>
				<div class="td td-amount">
					<span class="prereduce"></span>
					<input class="text" type="text" value="1"></input>
					<span class="add">+</span>
				</div>
				<div class="td td-total">1450.00</div>
				<div class="td td-op">
					<a href="#">移出收藏夹</a>
					<a href="#" class="delete">删除</a>
				</div>
			</div>

		</div>
	</div>
	<div class="shopBar clearfix">
		<div class="J_Order clearfix">
			<div class="cart-checkbox">
			&nbsp;
				<input class="check-shop check" type="checkbox"></input>&nbsp;店铺：
				<a href="#">常山胡柚</a>
			</div>
			<div class="shop-content clearfix">
				<input class="checkboxshop check" type="checkbox"></input>
				<div class="td ">
					<a href="#" class="productPic"><img src="images/shopping/1.jpg"></a>
				</div>
				<div class="td cart-shopInfo">
					<p class="cart-link"><a href="#">胡柚起源于常山县青石乡胡家村，是优良的柚子自然杂交群体品种</a></p>
				</div>
				<div class="td td-props">类型：</div>
				<div class="td td-price">13.00</div>
				<div class="td td-amount">
					<span class="prereduce"></span>
					<input class="text" type="text" value="1"></input>
					<span class="add">+</span>
				</div>
				<div class="td td-total">13.00</div>
				<div class="td td-op">
					<a href="#">移出收藏夹</a>
					<a href="#" class="delete">删除</a>
				</div>
			</div>
		</div>
	</div>
	<div class="shopBar">
		<div class="J_Order clearfix">
			<div class="cart-checkbox">
			&nbsp;
				<input class="check-shop check" type="checkbox"></input>&nbsp;店铺：
				<a href="#">常山胡柚</a>
			</div>
			<div class="shop-content clearfix">

					<input class="checkboxshop check" type="checkbox"></input>
				<div class="td ">
					<a href="#" class="productPic"><img src="images/shopping/1.jpg"></a>
				</div>
				<div class="td cart-shopInfo">
					<p class="cart-link"><a href="#">胡柚起源于常山县青石乡胡家村，是优良的柚子自然杂交群体品种</a></p>
				</div>
				<div class="td td-props">类型：</div>
				<div class="td td-price">13.00</div>
				<div class="td td-amount">
					<span class="prereduce"></span>
					<input class="text" type="text" value="1"></input>
					<span class="add">+</span>
				</div>
				<div class="td td-total">13.00</div>
				<div class="td td-op">
					<a href="#">移出收藏夹</a>
					<a href="#" class="delete">删除</a>
				</div>
			</div>
		</div>
	</div>
	<div class="shopBar clearfix">
		<div class="J_Order clearfix">
			<div class="cart-checkbox">
			&nbsp;
				<input class="check-shop check" type="checkbox"></input>&nbsp;店铺：
				<a href="#">常山胡柚</a>
			</div>
			<div class="shop-content clearfix">

					<input class="checkboxshop check" type="checkbox"></input>
				<div class="td ">
					<a href="#" class="productPic"><img src="images/shopping/1.jpg"></a>
				</div>
				<div class="td cart-shopInfo">
					<p class="cart-link"><a href="#">胡柚起源于常山县青石乡胡家村，是优良的柚子自然杂交群体品种</a></p>
				</div>
				<div class="td td-props">类型：</div>
				<div class="td td-price">13.00</div>
				<div class="td td-amount">
					<span class="prereduce"></span>
					<input class="text" type="text" value="1"></input>
					<span class="add">+</span>
				</div>
				<div class="td td-total">13.00</div>
				<div class="td td-op">
					<a href="#">移出收藏夹</a>
					<a href="#" class="delete">删除</a>
				</div>
			</div>
		</div>
	</div>
	<div class="shopBar">
		<div class="J_Order clearfix">
			<div class="cart-checkbox">
			&nbsp;
				<input class="check-shop check" type="checkbox"></input>&nbsp;店铺：
				<a href="#">常山胡柚</a>
			</div>
			<div class="shop-content clearfix">

					<input class="checkboxshop check" type="checkbox"></input>
				<div class="td ">
					<a href="#" class="productPic"><img src="images/shopping/1.jpg"></a>
				</div>
				<div class="td cart-shopInfo">
					<p class="cart-link"><a href="#">胡柚起源于常山县青石乡胡家村，是优良的柚子自然杂交群体品种</a></p>
				</div>
				<div class="td td-props">类型：</div>
				<div class="td td-price">13.00</div>
				<div class="td td-amount">
					<span class="prereduce"></span>
					<input class="text" type="text" value="1"></input>
					<span class="add">+</span>
				</div>
				<div class="td td-total">13.00</div>
				<div class="td td-op">
					<a href="#">移出收藏夹</a>
					<a href="#" class="delete">删除</a>
				</div>
			</div>
		</div>
	</div>
	<div class="shopBar">
		<div class="J_Order clearfix">
			<div class="cart-checkbox">
			&nbsp;
				<input class="check-shop check" type="checkbox"></input>&nbsp;店铺：
				<a href="#">常山胡柚</a>
			</div>
			<div class="shop-content clearfix">
					<input class="checkboxshop check" type="checkbox"></input>
				<div class="td ">
					<a href="#" class="productPic"><img src="images/shopping/1.jpg"></a>
				</div>
				<div class="td cart-shopInfo">
					<p class="cart-link"><a href="#">胡柚起源于常山县青石乡胡家村，是优良的柚子自然杂交群体品种</a></p>
				</div>
				<div class="td td-props">类型：</div>
				<div class="td td-price">13.00</div>
				<div class="td td-amount">
					<span class="prereduce"></span>
					<input class="text" type="text" value="1"></input>
					<span class="add">+</span>
				</div>
				<div class="td td-total">13.00</div>
				<div class="td td-op">
					<a href="#">移出收藏夹</a>
					<a href="#" class="delete">删除</a>
				</div>
			</div>
		</div>
	</div>

	<div class="floatBar" id="floatBar">
		<label class="select-all fl"><input class="check-all check" type="checkbox">&nbsp;全选</input></label>
		<div class="operations">
			<a href="#" class="deleteAll fl" id="deleteAll">删除</a>
			<a href="#" class="clear fl">清除消失宝贝</a>
			<a href="#" class="clear fl">移入收藏夹</a>
		</div>

		<div class="closing fr" >
			<a href="orderConfirm.html">
				<input type="submit" id="jiesuan" disabled="true" value="结算">
			</a>
		</div>
		<div class="total fr">合计：¥<span class="bottom_priceTotal">&nbsp;0.00</span></div>
	  	 <div class="selected fr" id="selected">
	        已选商品<span id="selectedTotal">0</span>件
	        <span class="choosedPro up">︽</span>
	        <span class="choosedPro down">︾</span>
	    </div>
		<div class="selected-view">
	        <div id="selectedViewList" class="clearfix">
	            <!-- <div><img src="images/account/1.gif"><span>取消选择</span></div> -->
	        </div>
	        <span class="choosedPro">◆<span>◆</span></span>
	    </div>
	</div>
</div>
<div class="success">
		<!--<img src="images/success.png" alt="">-->
		<div class="prompt">
			<p>删除宝贝</p>
			<span class="icon-del">&#xe60a;</span>
		</div>
		<div class="proDelete">
			<p>确定要删除该宝贝么？</p>
		</div>
		<ul class="clearfix">
			<li class="btn_confirm">
				<p>确&nbsp定</p>
			</li>
			<li class="btn_close">
				<p>关&nbsp闭</p>
			</li>
		</ul>
		<input type="button" class="del_btn">
	</div>
	<div class="message">
			<!--<img src="images/success.png" alt="">-->
			<div class="prompt">
				<span class="icon-sign">&#xe60c;</span>
				<p>提示信息</p>
				<span class="icon-del">&#xe60a;</span>
			</div>

			<div class="choosePro">
				<p>请选择宝贝</p>
			</div>
			<input type="button" class="del_btn">
		</div>
<div class="footer shopping" id="footer">
	<div class="comWidth clearfix">
    	<div class="footitem">
        <h3>关于淘爱心</h3>
        <ul class="data ">
				<li><a href="#" class="active">关于我们</a></li>
				<li><a href="#">联系我们</a></li>
				<li><a href="#">加入我们</a></li>
			</ul>
        </div>
        <div class="footitem">
        <h3>爱心资质</h3>
        <ul class="data">
				<li><a href="#" class="active">发布人资质</a></li>
				<li><a href="#">接单人资质</a></li>
				<li><a href="#">必备审核材料</a></li>
			</ul>
        </div>
        <div class="footitem">
        <h3>购物帮助</h3>
        <ul class="data">
				<li><a href="#" class="active">购物须知</a></li>
				<li><a href="#">订单相关</a></li>
				<li><a href="#">商品相关</a></li>
              <li><a href="#">积分相关</a></li>
			</ul>
        </div>
        <div class="footitem">
        <h3>手机淘爱心</h3>
        <ul class="data">
				<li><a href="#" class="active">iphone</a></li>
				<li><a href="#">Andriod</a></li>
			</ul>
        </div>
        <div class="footitem">
        <h3>在线客服</h3>
        <ul class="data">
				<li><a href="#" class="active">工作时间：9：00～18:00</a></li>
				<li><a href="#">建议邮箱：11111111@qq.com</a></li>

			</ul>
        </div>
    </div>
</div>
<div class="hr_45">
<p>Copyright&nbsp;&nbsp;&nbsp;2015&nbsp;&nbsp;taoaixin.com&nbsp;&nbsp;杭州电子科技大学版权所有</p>
</div>

	<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
	<script type="text/javascript" src="js/myjs.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
	<!-- <script type="text/javascript" src="js/shopping.js"></script> -->
	<script type="text/javascript" src="js/shoppingnew.js"></script>
	<script type="text/javascript" src="js/easyPay.js"></script>
</body>
</html>
